<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>酒店列表</title>

</head>
<script src="/js/jquery/2.0.0/jquery.min.js"></script>
<link href="/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">
<script src="/js/bootstrap/3.3.6/bootstrap.min.js"></script>
<body>
<center>

    <!--bootstrap-->
    <table class="table table-striped">
        <thead>
        <th>酒店外景</th>
        <th>酒店中文名</th>
        <th>酒店英文名</th>
        <th>星级</th>
        <th>地址</th>
        <th>详情</th>
        </thead>
        <tbody>
        <tr th:each="hotel: ${hotels}">
            <td ><img  th:src="@{${hotel.photo1}}"  ></td>
            <td th:text="${hotel.hotelTranslatedName}"></td>
            <td th:text="${hotel.hotelName}"></td>
            <td th:text="${hotel.starRating}"></td>
            <td th:text="${hotel.addressline1}"></td>
            <form action="/HTML/reHotelInfo" method="post" >
                <td class="col-md-1">
                    <input  name="hotelId" th:value="${hotel.hotelId}" type="hidden">
                    <button  class="btn btn-sm btn-primary " type="submit">酒店详情</button>
                </td>
            </form>
        </tr>
        </tbody>
    </table>

</center>

</body>
</html>